div.container{
    width: 400px;
    height: 680px;
    background-color: #efcc19;
    /* border: 1px solid #000; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    border-radius: 10px;
}
div.screen{
    width: 336px;
    height: 460px;
    border: 8px solid #000;
    box-sizing: border-box;    
    margin: 20px auto;
    border-radius: 10px;
}
.container .control_ui{
    position: relative;
}
.control_ui button{
    cursor: pointer;
}
.control_ui span{
    text-align: center;
    color: #111;
    line-height: 1.6;
    position: absolute;
}
.control_ui #start, #pause{
    position: absolute;
    left: 40px;
    top: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #009688;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    
    cursor: pointer;
}
.control_ui #start span{
    top: 27px;
    left: 1px;
}

.control_ui #pause{
    left: 90px;
}

.control_ui #pause span{
    top: 27px;
    left: -3px;
}

.control_ui #left,#right,#down,#rotate{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #5a65f1;
    box-shadow:0 3px 3px rgba(0,0,0,.2);
    font-size: 30px;
    position: absolute;
    left: 230px;
    top: 60px;
}

.control_ui #right{    
    left: 310px;
    top: 60px;
}

.control_ui #rotate{    
    left: 270px;
    top: 20px;
}
.control_ui #down{    
    left: 270px;
    top: 100px;
}
.control_ui #drop{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #5a65f1;
    box-shadow:0 3px 3px rgba(0,0,0,.2);
    position: absolute;
    top: 60px;
    left: 40px;
    font-size: 20px;
}